<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>浦新金服</title>
		<link rel="stylesheet" href="css/public.css" />			
		<link rel="stylesheet" href="css/allcss.css" />			
		<link rel="stylesheet" type="text/css" href="css/stylelunb.css"/>
		<script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script>
		<script type="text/javascript" src="js/jquery.touchSlider.js"></script>
		<script type="text/javascript" src="js/text.js" ></script>
	</head>
	<body style="background: #f2f2f2">
		<!-- 公共头部部分 -->
		<div id="pdheard">
			<div class="pdheard fnclear">
				<img class="fnleft" src="images/logo.png">
				<div class="fnright"> 
					<ul class="fnclear">
						<li class="curred"><a href="index.html">首页</a></li>
						<li ><a href="timeoffer.html">实时报价</a></li>
						<li><a href="autoud.html">自动化减持</a></li>
						<li><a href="dataser.html">数据服务</a></li>
						<li><a href="newlist.html">新闻资讯</a></li>
						<li><a href="aboutus.html">关于我们</a></li>
					</ul>
				</div>
				
				<div class="logindiv">
						<a class="fontorgin" href="register.html">注册/</a>
						<a class="fontorgin" href="login.html">登录</a>
				</div>
			</div>
			
		</div>

		<!-- 内容部分 -->
		<div class="center">
			<!-- 轮播图部分 -->
			<div class="bannerdiv">
				<!--轮播，不与swiper插件冲突，可共用-->
<div class="img_gallery">
	<div class="point">
		<a href="#">1</a>
		<a href="#">2</a>
		<a href="#">3</a>
		<a href="#">4</a>
		<a href="#">5</a>
	</div>
	<div class="main_img">
		<ul>
			<li><span class="img_1"><img src="img/img_main_1.jpg" width="100%"/></span></li>
			<li><span class="img_2"><img src="img/img_main_2.jpg" width="100%"/></span></li>
			<li><span class="img_3"><img src="img/img_main_3.jpg" width="100%"/></span></li>
			<li><span class="img_4"><img src="img/img_main_4.jpg" width="100%"/></span></li>
			<li><span class="img_5"><img src="img/img_main_5.jpg" width="100%"/></span></li>
		</ul>
		<a href="javascript:;" id="btn_prev"></a>
		<a href="javascript:;" id="btn_next"></a>
	</div>	
</div>
	<!--轮播end-->
			</div>
			<!-- 轮播图部分end -->
			<div class="c01">
				<ul class="fnclear">
					<li class="fnleft fnclear">
						<img class="c01_img" src="images/c01.png">
						<div class="c01_text">
							<h4>志在改变</h4>
							<p>独创的自动化交易技术,市场最优折扣
率及后端返还率。</p>
						</div>
					</li>
					<li class="fnleft fnclear">
						<img class="c01_img" src="images/c02.png">
						<div class="c01_text">
							<h4>志在改变</h4>
							<p>独创的自动化交易技术,市场最优折扣
率及后端返还率。</p>
						</div>
					</li>
					<li class="fnleft fnclear">
						<img class="c01_img" src="images/c03.png">
						<div class="c01_text">
							<h4>志在改变</h4>
							<p>独创的自动化交易技术,市场最优折扣
率及后端返还率。</p>
						</div>
					</li>
				</ul>
				<div class="gongaodiv">
					<p class="gongao fnclear">
						<span class="fnleft">
							<img src="images/t01.jpg">
							<b>关于网站升级的公告</b>
						</span>
						<a class="moreline fnright" href="">查看更多<i><img src="images/ico01.png"></i></a>
						
					</p>
				</div>
				
			</div>

			<!-- 实时报价 -->
			<div class="c02">
				<h4 class="fnclear">实时报价<a class="moreline fnright" href="">查看更多<i><img src="images/ico01.png"></i></a></h4>
				<div class="c02_c0">
				<div class="c02_c1">
					<p><label>股票代码</label><input type="text" name=""></p>
					<p><label>股票代码</label><input type="text" name="" readonly=""></p>
					<p><label>股票代码</label><input type="text" name=""></p>
					<p><label>股票代码</label><input type="text" name="" readonly=""></p>
					<p><label>股票代码</label><input type="text" name="" readonly=""></p>
				</div>

				<div class="c02_c2">
<pre>
说明：
1.输入股票代码及减持数量，点击获取报价（折扣率、后端
返还率）。
2.报价由后台智能计算引擎实时计算产生。
3.大宗交易报价=折扣率*当日收盘价格
例如：若折扣率97.5%，当日收盘价格10.00元，则我们大
宗交易报价为9.75元。
4.后端返还率指我们盈利部分返还给减持方的比例。
例如：若后端返还率为40%，我方以9.75元/股大宗接盘，
卖出均价9.85元/股，数量100万股，我方盈利10万元，
最终返还减持方10万*40%=4万。
</pre>
				</div>

				<div class="c02_03">
					<input class="yuan" type="button" name="" >					
				</div>
				</div>
			</div>

<!-- 大宗股票交易最新数据查询 -->
			<div class="c03">
				<h4><b>大宗股票交易最新数据查询</b>
				<input type="text" name="" placeholder="输入股票/基金代码，简称或关键字" />
				<input type="button" name="" value="查询">
				<a class="moreline fnright" href="dataser.html">查看更多<i><img src="images/ico01.png"></i></a>
				</h4>				
				<div class="c03_c01">
					<table id="table01">
						<colgroup>
						 <col class="item-list-col0"><!-- 序号 -->
						 <col class="item-list-col1"><!-- 交易日期 -->
						 <col class="item-list-col2"><!-- 股票代码 -->
						 <col class="item-list-col3"><!-- 股票名称 -->
						 <col class="item-list-col4"><!-- 最新价 -->
						 <col class="item-list-col5"><!-- 成交价格 -->	
						 <col class="item-list-col6"><!-- 成交量 -->
						 <col class="item-list-col7"><!-- 溢价率 -->
						 <col class="item-list-col8"><!-- 买方营业部 -->
						 <col class="item-list-col9"><!-- 卖方营业部 -->
						 <col class="item-list-col10"><!--成交金额-->				 	
						 </colgroup>
						<tr>
							<th>序号</th>
							<th>交易日期</th>
							<th>股票代码</th>
							<th>股票名称</th>
							<th>最新价</th>
							<th>成交价格</th>
							<th>成交量<br/>（万股）</th>			
							<th>溢价率</th>
							<th>买方营业部</th>
							<th>卖方营业部</th>
							<th>成交金额<br>(千万)</th>
						</tr>
					</table>
				</div>
			</div>
<!-- 限售股解禁数据查询 -->
			<div class="c03">
				<h4><b>限售股解禁数据查询</b>
				<input type="text" name="" placeholder="股票代码/股票名称、股东姓名" />
				<input type="button" name="" value="查询">
				<a class="moreline fnright" href="">查看更多<i><img src="images/ico01.png"></i></a>
				</h4>
				<div class="c03_c01">
					<table id="table02">
						<tr>
							<th>序号</th>
							<th>限售解禁<br>日期</th>
							<th>股票代码</th>
							<th>股票名称</th>
							<th>股东名称</th>
							<th>解禁股票<br>数量（万股）</th>
							<th>股票基数<br>（万股）</th>
							<th>比例<br>（%）</th>
							<th>解禁股票<br>类型</th>
							<th>说明</th>
						</tr>						
						
					</table>
				</div>
			</div>
<!-- 重要股东持仓数据查询 -->
			<div class="c03">
				<h4><b>重要股东持仓数据查询</b>
				<input class="c03_in03" type="text" name="" placeholder="董事/监事/高管/基金或者其他股东名称模糊查询" />
				<input type="button" name="" value="查询">
				<a class="moreline fnright" href="">查看更多<i><img src="images/ico01.png"></i></a>
				</h4>
				<div class="c03_c01">
					<table id="table03">
						<colgroup>
						 <col class="item-list-col0">
						 <col class="item-list-col1"><!-- 序号 -->
						 <col class="item-list-col2"><!-- IMPA -->
						 <col class="item-list-col3"><!-- 商品名称 -->
						 <col class="item-list-col4"><!-- 规格 -->
						 <col class="item-list-col5"><!-- 采购量 -->	
						 <col class="item-list-col6"><!-- 单价 -->
						 <col class="item-list-col7"><!-- 小计 -->
						 <col class="item-list-col8"><!-- 卖家 -->
						 <col class="item-list-col9"><!-- 采纳状体 -->
						 <col class="item-list-col10"><!--操作-->				 	
						 </colgroup>
						<tr>
							<th>序号</th>
							<th>股票代码</th>
							<th>股票名称</th>
							<th>股东类型</th>
							<th>更新日期</th>
							<th>股东名称</th>
							<th>持股数<br/>（万)</th>
							<th>比例</th>
							<th>类<br/>型</th>
							<th>增减<br/>仓</th>
							<th>数量</th>
						</tr>
						
					</table>
				</div>
			</div>
<!-- 媒体报道 --> 
			<div class="c04 fnclear">
				<div class="c04_list fnclear fnleft">
					<div class="c04_img fnleft">媒体报道媒体报道哦
媒体报道媒体报道哦
          哦哦哦</div>
					<div class="c04_text fnright">
						<h4><b>媒体报道</b>				
							<a class="moreline fnright" href="">查看更多<i><img src="images/ico01.png"></i></a></h4>
						<hr class="lineone">
						<p><a href="">媒体报道媒体报道媒体报道媒体报道媒报道</a></p>
						<p><a href="">媒体报道媒体报道媒体报道媒体报道媒报道</a></p>
						<p><a href="">媒体报道媒体报道媒体报道媒体报道媒报道</a></p>
						<p><a href="">媒体报道媒体报道媒体报道媒体报道媒报道</a></p>
					</div>
				</div> 
				<div class="c04_list fnclear fnright">
					<div class="c04_img fnleft">媒体报道媒体报道哦
媒体报道媒体报道哦
          哦哦哦</div>
					<div class="c04_text fnright">
						<h4><b>媒体报道</b>				
							<a class="moreline fnright" href="">查看更多<i><img src="images/ico01.png"></i></a>
							</h4>
						<hr class="lineone">
						<p><a href="">媒体报道媒体报道媒体报道媒体报道媒报道</a></p>
						<p><a href="">媒体报道媒体报道媒体报道媒体报道媒报道</a></p>
						<p><a href="">媒体报道媒体报道媒体报道媒体报道媒报道</a></p>
						<p><a href="">媒体报道媒体报道媒体报道媒体报道媒报道</a></p>
					</div>
				</div>
			</div>

		</div>

		<!-- 内容部分end -->

		<!-- 底部部分 -->
		<div id="refooter">
			<div class="refooter">
				<ul class="lianjie fnclear">
					<li>友情链接</li>
					<li><a href="">中国证监会</a></li>
					<li><a href="">中国证券业协会</a></li>
					<li><a href="">中国证券投资基金业协会</a></li>
					<li><a href="">上海交易所</a></li>
					<li><a href="">深圳交易所</a></li>
					<li><a href="">东方财富网</a></li>
					<li><a href="">同花顺财经</a></li>
				</ul>
				<ul class="footert fnclear">
					<li><a href="">公司介绍</a></li>
					<li><a href="">关于我们</a></li>
					<li><a href="">资质证明</a></li>
					<li><a href="">办公环境</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">招贤纳士</a></li>
					<li><a href="">合作伙伴</a></li>
				</ul>
				<hr class="lineone">

				<!-- copyright -->
				<div class="copyrightdiv fnclear">
					<div class="copy fnleft">
						<p>Copyright &copy; 2017 浦东金服 版权所有</p>
						<p>沪ICP备15010975号-4  |  自动化减持专家</p>
						<p>上海浦东新区张衡路666弄1号楼1F </p>
					</div>
					<div class="erweim fnleft">
						<img src="images/erw01.jpg">
						<img src="images/erw02.jpg">
					</div>
					<div class="phonefont fnright">
						<p>021-6052-3490</p>
						<p class="fwtime">服务时间: 9:00-18:00</p>
					</div>
				</div>
			</div>
			
		</div>
		<!-- 底部部分end -->
		
<!--后台获取banner轮播图片-->
	<script>
		$(function(){
            $.ajax({
                type:"get",
                async:false,
                url:"http://192.168.1.159:8080/PuxinjinfuWeb//front/add/queryNewsData",
                 dataType : "jsonp",//数据类型为jsonps
                jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数,

                success:function(data){                	
                	var text="";
                	var newDate= data.newData;
                	
                    for(var i=0;i<newDate.length;i++){                    	
							text=text+"<tr><td>"+newDate[i].id+"</td>"+							
							"<td>"+newDate[i].tradeTime+"</td>"+
							"<td>"+newDate[i].code+"</td>"+
							"<td>"+newDate[i].abbreviation+"</td>"+
							"<td>"+newDate[i].newPrice+"</td>"+
							"<td>"+newDate[i].lastPrice+"</td>"+
							"<td>"+newDate[i].lastNum+"</td>"+
							"<td>"+newDate[i].overflowPrice+"</td>"+
							"<td>"+newDate[i].buyer+"</td>"+
							"<td>"+newDate[i].seller+"</td>"+
							"<td>"+newDate[i].lastAmount+"</td></tr>";
                }
                    $("#table01").append(text);
            }
	});
	
	 
	
	
            })
	</script>
	<script>
		$(function(){
			$.ajax({
                type:"get",
                async:false,
                url:"http://192.168.1.159:8080/PuxinjinfuWeb//front/add/queryLimitsaleLifebanData",
                 dataType : "jsonp",//数据类型为jsonps
                jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数,

                success:function(data){                	
                	var text="";
                	var newDate= data.limitsaleLifebanData;
                	
                    for(var i=0;i<newDate.length;i++){                    	
							text=text+"<tr><td>"+newDate[i].id+"</td>"+
							"<td>"+newDate[i].limitsaleLifebanDay+"</td>"+
							"<td>"+newDate[i].code+"</td>"+
							"<td>"+newDate[i].abbreviation+"</td>"+
							"<td>"+newDate[i].shareholder+"</td>"+
							"<td>"+newDate[i].liftedsharenumber+"</td>"+
							"<td>"+newDate[i].stockbase+"</td>"+
							"<td>"+newDate[i].scale+"</td>"+
							"<td>"+newDate[i].liftedsharetype+"</td>"+
							"<td>"+newDate[i].explain+"</td>";
                }
                    $("#table02").append(text);
            }
	});
		})
	</script>
	<script>
		$(function(){
			$.ajax({
                type:"get",
                async:false,
                url:"http://192.168.1.159:8080/PuxinjinfuWeb//front/add/queryPositionData",
                 dataType : "jsonp",//数据类型为jsonps
                jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数,

                success:function(data){                	
                	var text="";
                	var newDate= data.positionData;
                	
                    for(var i=0;i<newDate.length;i++){                    	
							text=text+"<tr><td>"+newDate[i].id+"</td>"+
							"<td>"+newDate[i].sacle+"</td>"+
							"<td>"+newDate[i].updateday+"</td>"+
							"<td>"+newDate[i].sharenumber+"</td>"+
							"<td>"+newDate[i].numberone+"</td>"+
							"<td>"+newDate[i].shareholdername+"</td>"+
							"<td>"+newDate[i].typetwo+"</td>"+
							"<td>"+newDate[i].increasingposition+"</td>"+
							"<td>"+newDate[i].number+"</td>"+
							"<td>"+newDate[i].code+"</td>"+
							"<td>"+newDate[i].abbreviation+"</td>"+
							"<td>"+newDate[i].shareholderstyle+"</td></tr>";
                }
                    $("#table03").append(text);
            }
	});
		})
	</script>
	<!--<script>
	$.ajax({
					"type" : "get",
					"url" : "${pageContext.request.contextPath}/sfapi.do",
					"data" : {
						action : "LMSF0102_TRADE_ROLL",
					},
					"success" : function(data) {
						var txt = "";
						for (var i = 0; i < data.length; i++) {
							txt = txt + "<li><a href='javascript:void(0)'>" + data[i] + "</a></li>";
						}
						$("#marqueebox").html(txt);
					}
				});
	</script>-->
	
		
		
		<script type="text/javascript">
$(document).ready(function(){

	$(".img_gallery").hover(function(){
		$("#btn_prev,#btn_next").fadeIn()
	},function(){
		$("#btn_prev,#btn_next").fadeOut()
	});
	
	$dragBln = false;
	
	$(".main_img").touchSlider({
		flexible : true,
		speed : 200,
		btn_prev : $("#btn_prev"),
		btn_next : $("#btn_next"),
		paging : $(".point a"),
		counter : function (e){
			$(".point a").removeClass("on").eq(e.current-1).addClass("on");//图片顺序点切换
			$(".img_font span").hide().eq(e.current-1).show();//图片文字切换
		}
	});
	
	$(".main_img").bind("mousedown", function() {
		$dragBln = false;
	});
	
	$(".main_img").bind("dragstart", function() {
		$dragBln = true;
	});
	
	$(".main_img a").click(function(){
		if($dragBln) {
			return false;
		}
	});
	
	timer = setInterval(function(){
		$("#btn_next").click();
	}, 5000);
	
	$(".img_gallery").hover(function(){
		clearInterval(timer);
	},function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		},5000);
	});
	
	$(".main_img").bind("touchstart",function(){
		clearInterval(timer);
	}).bind("touchend", function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		}, 5000);
	});
	
});
</script>
		
		
	
	</body>
</html>
